<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>

<link href="<%=cp%>/flight/SpryAssets/common.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="body_div">
  <table width="92%" height="348" border="0">
    <tr>
      <td colspan="12">
     	 <div align="center">
     	 <img src="../photo/hotsale.jpg" width="760" height="68">
     	 </div>
      </td>
    </tr>
    <tr>
      <td height="38" colspan="12">
      <div align="center">
      	<img src="../photo/listLine.jpg" width="759" height="32">
       </div>
       </td>
    </tr>
    <tr>
      <td width="4%">&nbsp;</td>
      <td colspan="3">
      	<div align="center">검색결과 총 00개의 요금이 조회 되었습니다.</div>
      </td>
      <td colspan="5"><div align="center">
        <input name="searchKey" type="radio" id="searchKey_0" value="요금순" checked>
        <label>요금순</label>
        <input type="radio" name="searchKey" value="구분순" id="searchKey_1">
        <label>구분순</label>
        <input type="radio" name="searchKey" value="기간순" id="searchKey_2">
        <label>기간순</label>
        <br>
      </div></td>
      <td colspan="2">
      	<div align="center">
        	<img src="../photo/arrow.jpg" width="8" height="14">항공사&nbsp;&nbsp;
      	  <label>
      	    <select name="searchValue" id="select">
      	      <option value="0" selected>전체</option>
      	      <option value="1">한국항공</option>
      	      <option value="2">일본항공</option>
      	      <option value="3">아시아항공</option>
      	      <option value="4">미주항공</option>
      	      <option value="5">유럽항공</option>
   	        </select>
   	      </label>
      	</div>
      </td>
      <td width="3%">&nbsp;</td>
    </tr>
    <tr>
      <td height="47" colspan="12">
          <div align="center">
         	 <img src="../photo/list.jpg" width="759" height="36">
          </div></td>
    </tr>
    <tr>
      <td height="77" colspan="12"><div align="center">
        <table width="759" height="46">
          <c:forEach var="dto" items="${lists}">
          <tr>
            <td width="103" height="40" align="center"><div align="center">${dto.airLineName}</div></td>
            <td width="157"><div align="center">${dto.startPlace} &gt; ${dto.endPlace}</div></td>
            <td width="88"><div align="center">${dto.fare}</div></td>
            <td width="48"><div align="center">성인</div></td>
            <td width="47"><div align="center">15일</div></td>
            <td width="215"><div align="center">${dto.startDate} ~ ${dto.endDate}</div></td>
            <td width="55">
            	<div align="center"><img src="../photo/inq.jpg" width="34" height="16"></div>
            </td>
         </tr>
         </c:forEach>
        </table>
        <p><img src="../photo/line.jpg" width="765" height="5" align="middle"></p>
      </div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="9%">&nbsp;</td>
      <td width="18%">&nbsp;</td>
      <td width="10%">&nbsp;</td>
      <td colspan="3">&nbsp;</td>
      <td colspan="2">&nbsp;</td>
      <td width="14%">&nbsp;</td>
      <td width="12%">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
    	<td>
	    	<p>
				<c:if test="${totalDataCount != 0}">
					${pageIndexList}
				</c:if>
				<c:if test="${totalDataCount == 0}">
					등록된 게시물이 없습니다.
				</c:if>
			</p>
		</td>
    </tr>
  </table>
</div>
</body>
</html>